﻿@import "../../LiberUI/Style/Default/Theme";
@import "../../LiberUI/Style/Default/_soIcons";

@font-face {
  font-family: 'SoIcons';
  src: url('/LiberUI/Style/Default/fonts/iconfont.eot');
  src: url('/LiberUI/Style/Default/fonts/iconfont.eot') format('embedded-opentype'), url('/LiberUI/Style/Default/fonts/iconfont.woff') format('woff'), url('/LiberUI/Style/Default/fonts/iconfont.ttf') format('truetype'), url('/LiberUI/Style/Default/fonts/iconfont.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
$headHeight:5rem;
#pageContent{
    height:100%;
}
#headTitle{
    height:$headHeight;
    background-color:$ClrThemeBk;
}
#siteLogo{
    height:$headHeight;
    background-image: url('../Imgs/logo-white.png');
    background-repeat:no-repeat;
    background-size:auto 70%;
    background-position:right center;
}
#pageTitle{
    height:$headHeight;
    &>h2{
        height:$headHeight;
        line-height:$headHeight;
        padding-left:10px;
    }
    
}
#openUserInfo{  
    height:auto;
    margin-top:10px;
    @include block();
}

#userInfo_headImg{
    display:block;
    margin:10px auto;
    height:100px;
    border:1px solid black;
}
#userInfoTxt{
    
}
#userInfo_name{
    @include Title($ClrThemeTxt);
}
#userInfo_tip{
    @include Title($ClrThemeTxt);
}

#acntEdit{
    min-height: $headHeight*4;
    margin-top:10px;
    overflow:hidden;    
    @include block();
}

#newAcnt {
    height:$headHeight*4;
    margin-top: -$headHeight*4-4;
    padding-top:1rem;
    opacity:0;
    -moz-transition: all ease 1s;
    -o-transition: all ease 1s;
    -webkit-transition: all ease 1s;
    transition: all ease 1s;
    &.active{
        margin-top:0;
        opacity:1;
    }
    &>span{
        width:100%;
        display:inline-block;
        text-align:center;
        font-size:1.3em;
        font-weight:bold;
        &>span{
            margin-left:1em;
            margin-right:1em;
        }
    }
}

#acnt4Bind{
    height: $headHeight*4;
    opacity:1;
    display:none;
    padding-top:1rem;
    /*&.active{
        -moz-transition: all ease 1.5s;
        -o-transition: all ease 1.5s;
        -webkit-transition: all ease 1.5s;
        transition: all ease 1.5s;
        opacity:1;
    }*/
    &>span{
        width:100%;
        display:inline-block;
        text-align:center;
        font-size:1.3em;
        font-weight:bold;
        &>span{
            margin-left:1em;
            margin-right:1em;
        }
    }
}

#frmNewAcnt{
    margin-top:2em;
    &>.FormRow{
        margin-bottom:1.2em;
    }
}
#frmBindAcnt{
    margin-top:2em;
    &>.FormRow{
        margin-bottom:1.2em;
    }
}
.radVertify{
    &>h5{
        width:100%;
        text-align:center;
    }
}
.FormRow {
    position: relative;
    display: block;
    padding-left:6em;
    line-height:2;
    & > label {
        position: absolute;
        top: 0;
        left: 0;
        text-align: right;
        width: 5em;
        -ms-text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
    }
    &>input{
        width:100%;
    }
}

#chkProtocol{
    margin-top:5px;
}

#pageFoot{
    position:absolute;
    padding-top:2em;
    color:$ClrThemeTxt;
    background-color:$ClrThemeBk;
    &>div{
        line-height:3em;
    }
}
#connactUs{
    line-height:2em;
}
#mailUs{
    &>a{
        line-height:3em;
        &>i{
            @include soicon($ClrThemeTxt);
        }
        &:hover{
            &>i{
                @include soicon($ClrTheme);
            }
        }
    }
}